<template>
    <div _tmplitem="32" class="dv-full-screen-container" :style="css">
        <div _tmplitem="32" style="position: absolute;width:1920px;height:1080px;background-color:rgba(13, 42, 67);"
            class="div-full-screen">
            <div _tmplitem="32" class="bigitem" title="轮播表格"
                style="top: 295px; left: 1341px; width: 539px; height: 417px; transform: translate(0px, 0px); z-index: 1031;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;height:190pxpx;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <scrollingtable _tmplitem="1" :isheadshow="true" :scrollnum="3" :step="1" :direction="1"
                        :singleheight="32" :singlewidth="0" tableheadcolor="rgb(1 41 109)"
                        tablerowhovercolor="rgb(18 86 157 / 90%)" tablerowcolor="rgb(0 25 82)"
                        tablerowdoublecolor="rgb(2 51 125)" tablebordercolor="#42669a" tableheadfontcolor="#fff"
                        tablehoverfontcolor="#fff" tablerowfontcolor="#fff" :elcolumn="controlData.sel171040668050471"
                        :tabledata="fromData.sel171040668050471" :h="417" :w="539"> </scrollingtable>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="通用标题"
                style="top: 35px; left: 715px; width: 328px; height: 46px; transform: translate(0px, 0px); z-index: 1030;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;font-size:40px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <titlecontrol _tmplitem="2" ref="sel171022759441739" :w="328" :h="46"
                        :val="fromData.sel171022759441739"
                        cssstyle="opacity:1;font-size:40px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    </titlecontrol>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="多线图"
                style="top: 748px; left: 34px; width: 501px; height: 323px; transform: translate(0px, 0px); z-index: 1029;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="3" ref="sel171022719916407" mapcity="" mapcode=""
                        :options="fromData.sel171022719916407"></myechart>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="成立1-5年的企业分类"
                style="top: 748px; left: 553px; width: 1326px; height: 321px; transform: translate(0px, 0px); z-index: 1028;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="4" ref="sel17102265137560" mapcity="" mapcode=""
                        :options="fromData.sel17102265137560"></myechart>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="散点图"
                style="top: 413px; left: 33px; width: 501px; height: 307px; transform: translate(0px, 0px); z-index: 1027;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="5" ref="sel171022571473538" mapcity="" mapcode=""
                        :options="fromData.sel171022571473538"></myechart>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="双折线图"
                style="top: 0px; left: 0px; width: 300px; height: 200px; transform: translate(0px, 0px); z-index: 1026;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="6" ref="" mapcity="" mapcode="" :options="fromData.undefined"></myechart>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="雷达图-饼图（极坐标）"
                style="top: 83px; left: 32px; width: 502px; height: 304px; transform: translate(0px, 0px); z-index: 1025;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="7" ref="sel171022473930493" mapcity="" mapcode=""
                        :options="fromData.sel171022473930493"></myechart>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="散点图+柱图（动画）"
                style="top: 0px; left: 0px; width: 300px; height: 200px; transform: translate(0px, 0px); z-index: 1024;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="8" ref="" mapcity="" mapcode="" :options="fromData.undefined"></myechart>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="象限图-散点图"
                style="top: 0px; left: 0px; width: 300px; height: 200px; transform: translate(0px, 0px); z-index: 1023;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="9" ref="" mapcity="" mapcode="" :options="fromData.undefined"></myechart>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="XXX象形图表动态图"
                style="top: 0px; left: 0px; width: 300px; height: 200px; transform: translate(0px, 0px); z-index: 1022;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="10" ref="" mapcity="" mapcode="" :options="fromData.undefined"></myechart>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="日期"
                style="top: 36px; left: 1389px; width: 410px; height: 110px; transform: translate(0px, 0px); z-index: 1021;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;font-size:20px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;line-height:40px ;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <comdatetime _tmplitem="11" ref="sel171022201734965" w="410" h="110" format="YYYY-MM-DD HH:mm:ss"
                        cssstyle="opacity:1;font-size:20px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;line-height:40px ;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    </comdatetime>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="旋转饼图"
                style="top: 0px; left: 0px; width: 300px; height: 200px; transform: translate(0px, 0px); z-index: 1020;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="12" ref="" mapcity="" mapcode="" :options="fromData.undefined"></myechart>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="热力图"
                style="top: 130px; left: 558px; width: 750px; height: 586px; transform: translate(0px, 0px); z-index: 1019;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="13" ref="sel171021465235041" mapcity="china,210000,210100,210104"
                        mapcode="map171037841971496" :options="fromData.sel171021465235041"></myechart>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="跑马灯"
                style="top: 33px; left: 19px; width: 503px; height: 37px; transform: translate(0px, 0px); z-index: 1018;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;font-size:18px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <horseindex _tmplitem="14" ref="sel17102142878097" :w="503" :h="37"
                        :val="fromData.sel17102142878097"
                        cssstyle="opacity:1;font-size:18px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    </horseindex>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="挂件10"
                style="top: 28px; left: 1250px; width: 640px; height: 8px; transform: translate(0px, 0px); z-index: 1017;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-decoration-10 style="width:640px;height:8px" :color="[]"></dv-decoration-10>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="挂件4"
                style="top: 78px; left: 1895px; width: 16px; height: 989px; transform: translate(0px, 0px); z-index: 1016;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-decoration-4 style="width:16px;height:989px" :reverse="false" :color="[]"></dv-decoration-4>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="挂件5"
                style="top: 2px; left: 508px; width: 750px; height: 150px; transform: translate(0px, 0px); z-index: 1015;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-decoration-5 style="width:750px;height:150px" :color="[]"></dv-decoration-5>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="边框2"
                style="top: 124px; left: 551px; width: 766px; height: 600px; transform: translate(0px, 0px); z-index: 1014;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;background-color:transparent;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-border-box-2 style="width:766px;height:600px" backgroundcolor="" :color="[]"></dv-border-box-2>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="挂件10"
                style="top: -3px; left: 16px; width: 508px; height: 70px; transform: translate(0px, 0px); z-index: 1013;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-decoration-10 style="width:508px;height:70px" :color="[]"></dv-decoration-10>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="边框8"
                style="top: 288px; left: 1335px; width: 552px; height: 431px; transform: translate(0px, 0px); z-index: 1012;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;background-color:transparent;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-border-box-8 :reverse="false" style="width:552px;height:431px" backgroundcolor=""
                        :color="[]"></dv-border-box-8>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="挂件4"
                style="top: 78px; left: 6px; width: 16px; height: 989px; transform: translate(0px, 0px); z-index: 1011;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-decoration-4 style="width:16px;height:989px" :reverse="false" :color="[]"></dv-decoration-4>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="边框8"
                style="top: 743px; left: 550px; width: 1335px; height: 332px; transform: translate(0px, 0px); z-index: 1010;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;background-color:transparent;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-border-box-8 :reverse="false" style="width:1335px;height:332px" backgroundcolor=""
                        :color="[]"></dv-border-box-8>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="边框8"
                style="top: 78px; left: 26px; width: 513px; height: 315px; transform: translate(0px, 0px); z-index: 109;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;background-color:transparent;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-border-box-8 :reverse="false" style="width:513px;height:315px" backgroundcolor=""
                        :color="[]"></dv-border-box-8>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="边框8"
                style="top: 409px; left: 27px; width: 512px; height: 315px; transform: translate(0px, 0px); z-index: 108;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;background-color:transparent;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-border-box-8 :reverse="false" style="width:512px;height:315px" backgroundcolor=""
                        :color="[]"></dv-border-box-8>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="边框8"
                style="top: 744px; left: 28px; width: 512px; height: 331px; transform: translate(0px, 0px); z-index: 107;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;background-color:transparent;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-border-box-8 :reverse="false" style="width:512px;height:331px" backgroundcolor=""
                        :color="[]"></dv-border-box-8>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="数字翻牌"
                style="top: 178px; left: 1747px; width: 167px; height: 56px; transform: translate(0px, 0px); z-index: 106;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <digitalflop _tmplitem="26" ref="sel171040736488726" :num="2" content="{nt}个" :w="167" :h="56"
                        cssstyle="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    </digitalflop>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="通用标题"
                style="top: 126px; left: 1490px; width: 201px; height: 45px; transform: translate(0px, 0px); z-index: 105;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;font-size:20px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <titlecontrol _tmplitem="27" ref="sel171040747742629" :w="201" :h="45"
                        :val="fromData.sel171040747742629"
                        cssstyle="opacity:1;font-size:20px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    </titlecontrol>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="数字翻牌"
                style="top: 182px; left: 1378px; width: 167px; height: 56px; transform: translate(0px, 0px); z-index: 104;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <digitalflop _tmplitem="28" ref="sel171040748241694" :num="505" content="{nt}个" :w="167" :h="56"
                        cssstyle="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    </digitalflop>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="通用标题"
                style="top: 127px; left: 1313px; width: 201px; height: 45px; transform: translate(0px, 0px); z-index: 103;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;font-size:20px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <titlecontrol _tmplitem="29" ref="sel171040756677213" :w="201" :h="45"
                        :val="fromData.sel171040756677213"
                        cssstyle="opacity:1;font-size:20px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    </titlecontrol>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="通用标题"
                style="top: 126px; left: 1672px; width: 201px; height: 45px; transform: translate(0px, 0px); z-index: 102;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;font-size:20px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <titlecontrol _tmplitem="30" ref="sel171040757845061" :w="201" :h="45"
                        :val="fromData.sel171040757845061"
                        cssstyle="opacity:1;font-size:20px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;text-align:center;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    </titlecontrol>
                </div>
            </div>
            <div _tmplitem="32" class="bigitem" title="数字翻牌"
                style="top: 182px; left: 1560px; width: 156px; height: 56px; transform: translate(0px, 0px); z-index: 101;">
                <div _tmplitem="32" class="itemcontent "
                    style="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <digitalflop _tmplitem="31" ref="sel171040759057658" :num="503" content="{nt}个" :w="156" :h="56"
                        cssstyle="opacity:1;line-height:40px ;font-size:24px ;color:rgb(255, 255, 255) ;text-align:left;border-radius:0px;border-width:0px ;border-style:solid ;font-family:'Microsoft YaHei';--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    </digitalflop>
                </div>
            </div>
        </div>
        <fromdialog _tmplitem="32" ref="reffromdialog"></fromdialog>
    </div>
</template>
<script>
import titlecontrol from '@/components/titlecontrol.vue'
import myechart from '@/components/myechart/newindex.vue'
import horseindex from '@/components/horseindex.vue'
import scrollingtable from "@/components/scrollgridlist/scrollingtable.vue";
import comdatetime from "@/components/comdatetime.vue";
import digitalflop from "@/components/numScroll.vue";
export default {
    data() {
        return {
            "w": 1920,
            "css": "",
            "h": 1080,
            "bg": "http://bg.kyform.cn",
            "bgColor": "rgba(13, 42, 67)",
            "fromData": {
                "sel171040668050471": [{
                    "address": "测试数据"
                }, {
                    "address": "测试数据"
                }, {
                    "address": "测试数据"
                }, {
                    "address": "测试数据"
                }],
                "sel171022759441739": "大东区可视化大屏",
                "sel171022719916407": {
                    "backgroundColor": "#080b30",
                    "title": {
                        "text": "多线图",
                        "textStyle": {
                            "align": "center",
                            "color": "#fff",
                            "fontSize": 20
                        },
                        "top": "5%",
                        "left": "center"
                    },
                    "tooltip": {
                        "trigger": "axis",
                        "axisPointer": {
                            "lineStyle": {
                                "color": {
                                    "type": "linear",
                                    "x": 0,
                                    "y": 0,
                                    "x2": 0,
                                    "y2": 1,
                                    "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(0, 255, 233,0)"
                                    }, {
                                        "offset": 0.5,
                                        "color": "rgba(255, 255, 255,1)"
                                    }, {
                                        "offset": 1,
                                        "color": "rgba(0, 255, 233,0)"
                                    }],
                                    "global": false
                                }
                            }
                        }
                    },
                    "grid": {
                        "top": "15%",
                        "left": "5%",
                        "right": "5%",
                        "bottom": "15%"
                    },
                    "xAxis": [{
                        "type": "category",
                        "axisLine": {
                            "show": true
                        },
                        "splitArea": {
                            "color": "#f00",
                            "lineStyle": {
                                "color": "#f00"
                            }
                        },
                        "axisLabel": {
                            "color": "#fff"
                        },
                        "splitLine": {
                            "show": false
                        },
                        "boundaryGap": false,
                        "data": ["A", "B", "C", "D", "E", "F"]
                    }],
                    "yAxis": [{
                        "type": "value",
                        "min": 0,
                        "splitNumber": 4,
                        "splitLine": {
                            "show": true,
                            "lineStyle": {
                                "color": "rgba(255,255,255,0.1)"
                            }
                        },
                        "axisLine": {
                            "show": false
                        },
                        "axisLabel": {
                            "show": false,
                            "margin": 20,
                            "textStyle": {
                                "color": "#d1e6eb"
                            }
                        },
                        "axisTick": {
                            "show": false
                        }
                    }],
                    "series": [{
                        "name": "注册总量",
                        "type": "line",
                        "smooth": true,
                        "showAllSymbol": true,
                        "symbol": "circle",
                        "symbolSize": 15,
                        "lineStyle": {
                            "normal": {
                                "color": "#00b3f4",
                                "shadowColor": "rgba(0, 0, 0, .3)",
                                "shadowBlur": 0,
                                "shadowOffsetY": 5,
                                "shadowOffsetX": 5
                            }
                        },
                        "label": {
                            "show": true,
                            "position": "top",
                            "textStyle": {
                                "color": "#00b3f4"
                            }
                        },
                        "itemStyle": {
                            "color": "#00b3f4",
                            "borderColor": "#fff",
                            "borderWidth": 3,
                            "shadowColor": "rgba(0, 0, 0, .3)",
                            "shadowBlur": 0,
                            "shadowOffsetY": 2,
                            "shadowOffsetX": 2
                        },
                        "tooltip": {
                            "show": false
                        },
                        "areaStyle": {
                            "normal": {
                                "color": {
                                    "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(0,179,244,0.3)"
                                    }, {
                                        "offset": 1,
                                        "color": "rgba(0,179,244,0)"
                                    }],
                                    "x": 0,
                                    "y": 0,
                                    "x2": 0,
                                    "y2": 1,
                                    "type": "linear",
                                    "global": false
                                },
                                "shadowColor": "rgba(0,179,244, 0.9)",
                                "shadowBlur": 20
                            }
                        },
                        "data": [502.84, 205.97, 332.79, 281.55, 398.35, 214.02]
                    }, {
                        "name": "注册总量",
                        "type": "line",
                        "smooth": true,
                        "showAllSymbol": true,
                        "symbol": "circle",
                        "symbolSize": 15,
                        "lineStyle": {
                            "normal": {
                                "color": "#00ca95",
                                "shadowColor": "rgba(0, 0, 0, .3)",
                                "shadowBlur": 0,
                                "shadowOffsetY": 5,
                                "shadowOffsetX": 5
                            }
                        },
                        "label": {
                            "show": true,
                            "position": "top",
                            "textStyle": {
                                "color": "#00ca95"
                            }
                        },
                        "itemStyle": {
                            "color": "#00ca95",
                            "borderColor": "#fff",
                            "borderWidth": 3,
                            "shadowColor": "rgba(0, 0, 0, .3)",
                            "shadowBlur": 0,
                            "shadowOffsetY": 2,
                            "shadowOffsetX": 2
                        },
                        "tooltip": {
                            "show": false
                        },
                        "areaStyle": {
                            "normal": {
                                "color": {
                                    "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(0,202,149,0.3)"
                                    }, {
                                        "offset": 1,
                                        "color": "rgba(0,202,149,0)"
                                    }],
                                    "x": 0,
                                    "y": 0,
                                    "x2": 0,
                                    "y2": 1,
                                    "type": "linear",
                                    "global": false
                                },
                                "shadowColor": "rgba(0,202,149, 0.9)",
                                "shadowBlur": 20
                            }
                        },
                        "data": [281.55, 398.35, 214.02, 179.55, 289.57, 356.14]
                    }]
                },
                "sel17102265137560": {
                    "backgroundColor": "#00265f",
                    "title": {
                        "text": "政策补贴额度",
                        "x": "center",
                        "y": "4%",
                        "textStyle": {
                            "color": "#fff",
                            "fontSize": "22"
                        },
                        "subtextStyle": {
                            "color": "#90979c",
                            "fontSize": "16"
                        }
                    },
                    "tooltip": {
                        "trigger": "axis",
                        "axisPointer": {
                            "type": "shadow"
                        }
                    },
                    "grid": {
                        "top": "15%",
                        "right": "3%",
                        "left": "5%",
                        "bottom": "12%"
                    },
                    "xAxis": [{
                        "type": "category",
                        "data": ["制造业", "建筑业", "农林牧渔", "房地产", "金融业", "居民服务及其他"],
                        "axisLine": {
                            "lineStyle": {
                                "color": "rgba(255,255,255,0.12)"
                            }
                        },
                        "axisLabel": {
                            "margin": 10,
                            "color": "#e2e9ff",
                            "textStyle": {
                                "fontSize": 14
                            }
                        }
                    }],
                    "yAxis": [{
                        "name": "单位：万元",
                        "axisLabel": {
                            "formatter": "{value}",
                            "color": "#e2e9ff"
                        },
                        "axisLine": {
                            "show": false,
                            "lineStyle": {
                                "color": "rgba(255,255,255,1)"
                            }
                        },
                        "splitLine": {
                            "lineStyle": {
                                "color": "rgba(255,255,255,0.12)"
                            }
                        }
                    }],
                    "series": [{
                        "type": "bar",
                        "data": [5000, 2600, 1300, 1300, 1250, 1500],
                        "barWidth": "20px",
                        "itemStyle": {
                            "normal": {
                                "color": {
                                    "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(0,244,255,1)"
                                    }, {
                                        "offset": 1,
                                        "color": "rgba(0,77,167,1)"
                                    }],
                                    "x": 0,
                                    "y": 0,
                                    "x2": 0,
                                    "y2": 1,
                                    "type": "linear",
                                    "global": false
                                },
                                "barBorderRadius": [30, 30, 30, 30],
                                "shadowColor": "rgba(0,160,221,1)",
                                "shadowBlur": 4
                            }
                        },
                        "label": {
                            "normal": {
                                "show": true,
                                "lineHeight": 30,
                                "width": 80,
                                "height": 30,
                                "backgroundColor": "rgba(0,160,221,0.1)",
                                "borderRadius": 200,
                                "position": ["-8", "-60"],
                                "distance": 1,
                                "formatter": "    {d|●}, {a|{c}}     \n,    {b|}",
                                "rich": {
                                    "d": {
                                        "color": "#3CDDCF"
                                    },
                                    "a": {
                                        "color": "#fff",
                                        "align": "center"
                                    },
                                    "b": {
                                        "width": 1,
                                        "height": 30,
                                        "borderWidth": 1,
                                        "borderColor": "#234e6c",
                                        "align": "left"
                                    }
                                }
                            }
                        }
                    }]
                },
                "sel171022571473538": {
                    "color": ["#e8b828", "#1c95b4"],
                    "backgroundColor": "#031f2d",
                    "legend": {
                        "orient": "horizontal",
                        "right": "9%",
                        "y": "top",
                        "itemWidth": 15,
                        "itemHeight": 15,
                        "itemGap": 40,
                        "icon": "roundRect",
                        "selectedMode": true,
                        "textStyle": {
                            "color": "#fff",
                            "fontSize": 13
                        },
                        "data": ["公立", "民办"]
                    },
                    "grid": {
                        "left": "5%",
                        "right": "5%",
                        "bottom": "5%",
                        "containLabel": true
                    },
                    "xAxis": {
                        "axisLabel": {
                            "textStyle": {
                                "color": "#189cbb",
                                "fontSize": 13
                            }
                        },
                        "axisTick": {
                            "lineStyle": {
                                "color": "#189cbb"
                            }
                        },
                        "axisLine": {
                            "lineStyle": {
                                "color": "#189cbb"
                            }
                        },
                        "splitLine": {
                            "lineStyle": {
                                "color": "rgba(80,224,255,0.3)",
                                "type": "dashed"
                            }
                        }
                    },
                    "yAxis": {
                        "axisLabel": {
                            "textStyle": {
                                "color": "#189cbb",
                                "fontSize": 13
                            }
                        },
                        "axisTick": {
                            "lineStyle": {
                                "color": "#189cbb"
                            }
                        },
                        "axisLine": {
                            "lineStyle": {
                                "color": "#189cbb"
                            }
                        },
                        "splitLine": {
                            "lineStyle": {
                                "color": "rgba(80,224,255,0.3)",
                                "type": "dashed"
                            }
                        },
                        "name": "通过率(%)",
                        "nameTextStyle": {
                            "color": "#189cbb",
                            "fontSize": 13,
                            "padding": [0, 0, 20, 0]
                        }
                    },
                    "visualMap": {
                        "show": false,
                        "max": 100,
                        "inRange": {
                            "symbolSize": [14, 14]
                        }
                    },
                    "series": [{
                        "name": "公立",
                        "type": "scatter",
                        "data": [
                            [62, 13, 10],
                            [75, 27, 20],
                            [10, 18, 8],
                            [20, 71, 13],
                            [26, 52, 39],
                            [88, 28, 36],
                            [71, 70, 30],
                            [9, 55, 18],
                            [17, 15, 30],
                            [37, 32, 10],
                            [78, 80, 26],
                            [56, 0, 22],
                            [61, 53, 14],
                            [14, 60, 20],
                            [81, 14, 4]
                        ],
                        "symbolSize": 20
                    }, {
                        "name": "民办",
                        "type": "scatter",
                        "data": [
                            [32, 3, 31],
                            [57, 89, 85],
                            [40, 68, 2],
                            [10, 27, 65],
                            [83, 91, 9],
                            [6, 30, 41],
                            [96, 17, 64],
                            [89, 52, 100],
                            [55, 39, 100],
                            [81, 80, 55],
                            [95, 75, 60],
                            [57, 53, 92],
                            [78, 8, 8],
                            [72, 44, 36],
                            [34, 48, 82]
                        ],
                        "symbolSize": 30
                    }],
                    "animationEasing": "elasticOut"
                },
                "sel171022473930493": {
                    "backgroundColor": "#0B3886",
                    "color": ["#00e4ff", "#8E42FF", "#FF6B6B", "#FF9B42", "#F0D418", "#2E64FF"],
                    "tooltip": {},
                    "radar": {
                        "zlevel": 11,
                        "shape": "circle",
                        "scale": true,
                        "indicator": [{
                            "name": "aa",
                            "max": 50,
                            "num": 35
                        }, {
                            "name": "bb",
                            "max": 50,
                            "num": 30
                        }, {
                            "name": "cc",
                            "max": 50,
                            "num": 40
                        }, {
                            "name": "dd",
                            "max": 50,
                            "num": 40
                        }, {
                            "name": "ee",
                            "max": 50,
                            "num": 50
                        }, {
                            "name": "ff",
                            "max": 75,
                            "num": 70
                        }],
                        "center": ["50%", "50%"],
                        "radius": "40%",
                        "startAngle": 30,
                        "name": {
                            "show": true,
                            "color": "transparent"
                        },
                        "axisLine": {
                            "show": true,
                            "lineStyle": {
                                "color": "rgba(32,126,255, .5)"
                            }
                        },
                        "splitLine": {
                            "lineStyle": {
                                "color": "rgba(32,126,255, .5)"
                            }
                        },
                        "splitArea": {
                            "areaStyle": {
                                "color": "rgba(32,126,255, 0.1)"
                            }
                        }
                    },
                    "polar": {
                        "radius": "40%"
                    },
                    "angleAxis": {
                        "zlevel": 0,
                        "min": 0,
                        "max": 360,
                        "interval": 5,
                        "clockwise": false,
                        "axisTick": {
                            "show": false
                        },
                        "axisLabel": {
                            "show": false
                        },
                        "axisLine": {
                            "show": false
                        },
                        "splitLine": {
                            "show": false
                        }
                    },
                    "radiusAxis": {
                        "zlevel": 0,
                        "min": 0,
                        "max": 100,
                        "axisLabel": {
                            "textStyle": {
                                "color": "rgba(29,208,240,.5)"
                            }
                        },
                        "axisLine": {
                            "show": false
                        },
                        "splitLine": {
                            "show": false
                        },
                        "splitArea": {
                            "show": false
                        }
                    },
                    "series": [{
                        "type": "radar",
                        "data": [{
                            "value": [15, 20, 30, 40, 50, 65],
                            "name": "指数",
                            "max": 100,
                            "areaStyle": {
                                "normal": {
                                    "color": {
                                        "type": "radial",
                                        "x": 0.5,
                                        "y": 0.5,
                                        "r": 0.5,
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "rgba(32,126,255, 0.5)"
                                        }, {
                                            "offset": 1,
                                            "color": "rgba(32,126,255, 0.1)"
                                        }],
                                        "global": false
                                    }
                                }
                            }
                        }],
                        "zlevel": 2,
                        "z": 4
                    }, {
                        "type": "pie",
                        "startAngle": 0,
                        "data": [{
                            "name": "ff",
                            "value": 1
                        }, {
                            "name": "ee",
                            "value": 1
                        }, {
                            "name": "dd",
                            "value": 1
                        }, {
                            "name": "cc",
                            "value": 1
                        }, {
                            "name": "bb",
                            "value": 1
                        }, {
                            "name": "aa",
                            "value": 1
                        }],
                        "radius": ["45%", "60%"],
                        "zlevel": -1,
                        "name": "",
                        "itemStyle": {
                            "normal": {}
                        },
                        "label": {
                            "normal": {
                                "position": "top",
                                "fontSize": "24",
                                "color": "#fff"
                            }
                        }
                    }]
                },
                "sel171021465235041": {
                    "title": {
                        "text": "",
                        "subtext": "",
                        "sublink": "http://www.pm25.in",
                        "left": "center",
                        "textStyle": {
                            "color": "#fff"
                        }
                    },
                    "backgroundColor": "#404a59",
                    "visualMap": {
                        "min": 0,
                        "max": 500,
                        "splitNumber": 5,
                        "inRange": {
                            "color": ["#50a3ba", "#eac736", "#d94e5d"]
                        },
                        "textStyle": {
                            "color": "#fff"
                        }
                    },
                    "geo": {
                        "map": "map171037841971496",
                        "label": {
                            "emphasis": {
                                "show": false
                            }
                        },
                        "roam": true,
                        "itemStyle": {
                            "normal": {
                                "areaColor": "#323c48",
                                "borderColor": "#111"
                            },
                            "emphasis": {
                                "areaColor": "#2a333d"
                            }
                        }
                    },
                    "series": [{
                        "name": "AQI",
                        "type": "heatmap",
                        "coordinateSystem": "geo",
                        "data": [
                            [121.15, 31.89, 100],
                            [109.781327, 39.608266, 112],
                            [120.38, 37.35, 112],
                            [122.207216, 29.985295, 112],
                            [123.97, 47.33, 114],
                            [120.13, 33.38, 100],
                            [118.87, 42.28, 16],
                            [120.33, 36.07, 450],
                            [121.52, 36.89, 118],
                            [102.188043, 38.520089, 119],
                            [118.58, 24.93, 21],
                            [120.53, 36.86, 300],
                            [119.46, 35.42, 121],
                            [119.97, 35.88, 125],
                            [121.05, 32.08, 23],
                            [91.11, 29.97, 321],
                            [112.02, 22.93, 444],
                            [116.1, 24.55, 25],
                            [122.05, 37.2, 456],
                            [121.48, 31.22, 125],
                            [101.718637, 26.582347, 125],
                            [122.1, 37.5, 25],
                            [117.93, 40.97, 25],
                            [118.1, 24.46, 126],
                            [115.375279, 22.786211, 26],
                            [116.63, 23.68, 247],
                            [124.37, 40.13, 227],
                            [121.1, 31.45, 427],
                            [103.79, 25.51, 327],
                            [121.39, 37.52, 28],
                            [119.3, 26.08, 29],
                            [121.979603, 39.627114, 30],
                            [120.45, 36.38, 30],
                            [123.97, 41.97, 31],
                            [102.52, 24.35, 31],
                            [114.87, 40.82, 31],
                            [113.57, 37.85, 31],
                            [119.942327, 37.177017, 32],
                            [120.1, 30.86, 32],
                            [116.69, 23.39, 32],
                            [120.95, 31.39, 33],
                            [121.56, 29.86, 33],
                            [110.359377, 21.270708, 33],
                            [116.35, 23.55, 34],
                            [122.41, 37.16, 34],
                            [119.16, 34.59, 35],
                            [120.836932, 40.711052, 35],
                            [120.74, 31.64, 236],
                            [113.75, 23.04, 336],
                            [114.68, 23.73, 36],
                            [119.15, 33.5, 436],
                            [119.9, 32.49, 236],
                            [108.33, 22.84, 437],
                            [122.18, 40.65, 37],
                            [114.4, 23.09, 337],
                            [120.26, 31.91, 37],
                            [120.75, 37.8, 37],
                            [113.62, 24.84, 38],
                            [98.289152, 39.77313, 38],
                            [113.23, 23.16, 138],
                            [109.47, 36.6, 138],
                            [112.53, 37.87, 139],
                            [113.01, 23.7, 139],
                            [113.38, 22.52, 139],
                            [102.73, 25.04, 139],
                            [118.73, 36.86, 440],
                            [122.070714, 41.119997, 40],
                            [113.08, 36.18, 41],
                            [114.07, 22.62, 41],
                            [113.52, 22.3, 42],
                            [118.3, 33.96, 43],
                            [108.72, 34.36, 43],
                            [109.11, 35.09, 44],
                            [119.97, 36.77, 44],
                            [113.11, 23.05, 44],
                            [110.35, 20.02, 44],
                            [113.06, 22.61, 45],
                            [117.53, 36.72, 45],
                            [112.44, 23.05, 46],
                            [121.62, 38.92, 47],
                            [111.5, 36.08, 47],
                            [120.63, 31.16, 47],
                            [106.39, 39.04, 49],
                            [123.38, 41.8, 50],
                            [120.62, 31.32, 50],
                            [110.88, 21.68, 50],
                            [120.76, 30.77, 51],
                            [125.35, 43.88, 51],
                            [120.03336, 36.264622, 52],
                            [106.27, 38.47, 52],
                            [120.555821, 31.875428, 52],
                            [111.19, 34.76, 53],
                            [121.15, 41.13, 154],
                            [115.89, 28.68, 154],
                            [109.4, 24.33, 154],
                            [109.511909, 18.252847, 154],
                            [104.778442, 29.33903, 156],
                            [126.57, 43.87, 156],
                            [111.95, 21.85, 257],
                            [105.39, 28.91, 157],
                            [101.74, 36.56, 157],
                            [104.56, 29.77, 258],
                            [111.65, 40.82, 58],
                            [104.06, 30.67, 58],
                            [113.3, 40.12, 58],
                            [119.44, 32.2, 59],
                            [110.28, 25.29, 59],
                            [110.479191, 29.117096, 59],
                            [119.82, 31.36, 59],
                            [109.12, 21.49, 60],
                            [108.95, 34.27, 61],
                            [119.56, 31.74, 62],
                            [118.49, 37.46, 62],
                            [129.58, 44.6, 63],
                            [106.9, 27.7, 63],
                            [120.58, 30.01, 63],
                            [119.42, 32.39, 64],
                            [119.95, 31.79, 64],
                            [119.1, 36.62, 65],
                            [106.54, 29.59, 66],
                            [121.420757, 28.656386, 67],
                            [118.78, 32.04, 67],
                            [118.03, 37.36, 70],
                            [106.71, 26.57, 71],
                            [120.29, 31.59, 71],
                            [123.73, 41.3, 71],
                            [84.77, 45.59, 72],
                            [109.5, 34.52, 72],
                            [118.48, 31.56, 72],
                            [107.15, 34.38, 72],
                            [113.21, 35.24, 75],
                            [119.16, 31.95, 75],
                            [116.46, 39.92, 79],
                            [117.2, 34.26, 79],
                            [115.72, 37.72, 80],
                            [110, 40.58, 80],
                            [104.73, 31.48, 80],
                            [87.68, 43.77, 84],
                            [117.57, 34.86, 84],
                            [120.19, 30.26, 84],
                            [118.05, 36.78, 85],
                            [122.85, 41.12, 86],
                            [119.48, 31.43, 86],
                            [86.06, 41.68, 86],
                            [114.35, 36.1, 190],
                            [114.35, 34.79, 390],
                            [117, 36.65, 292],
                            [104.37, 31.13, 393],
                            [120.65, 28.01, 95],
                            [115.97, 29.71, 96],
                            [114.47, 36.6, 98],
                            [119.72, 30.23, 99],
                            [103.73, 36.03, 99],
                            [116.83, 38.33, 100],
                            [118.35, 35.05, 103],
                            [106.110698, 30.837793, 104],
                            [117.2, 39.13, 105],
                            [119.95, 30.07, 106],
                            [117.13, 36.18, 112],
                            [120.23, 29.71, 112],
                            [113.65, 34.76, 113],
                            [126.63, 45.75, 114],
                            [115.97, 36.45, 116],
                            [118.38, 31.33, 117],
                            [118.02, 39.63, 119],
                            [113.29, 33.75, 119],
                            [114.48, 37.05, 119],
                            [116.29, 37.45, 120],
                            [116.59, 35.38, 120],
                            [112.239741, 30.335165, 127],
                            [111.3, 30.7, 130],
                            [120.06, 29.32, 132],
                            [119.92, 28.45, 133],
                            [112.44, 34.7, 134],
                            [119.57, 39.95, 136],
                            [113.16, 27.83, 143],
                            [114.48, 38.03, 147],
                            [117.67, 36.19, 148],
                            [111.69, 29.05, 152],
                            [115.48, 38.85, 153],
                            [112.91, 27.87, 154],
                            [119.64, 29.12, 157],
                            [113.09, 29.37, 169],
                            [113, 28.21, 175],
                            [118.88, 28.97, 177],
                            [116.7, 39.53, 193],
                            [115.480656, 35.23375, 194],
                            [117.27, 31.86, 229],
                            [114.31, 30.52, 273],
                            [125.03, 46.58, 279]
                        ]
                    }]
                },
                "sel17102142878097": "测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试",
                "sel171040736488726": 2,
                "sel171040747742629": "监控正常数",
                "sel171040748241694": 505,
                "sel171040756677213": "监控总数",
                "sel171040757845061": "监控异常数",
                "sel171040759057658": 503
            },
            "controlTimer": {},
            "controlData": {
                "sel171040668050471": [{
                    "prop": "address",
                    "label": "地址",
                    "width": 898
                }]
            },
            "screentype": "full",
            "readDataPermission": {
                "sel171040668050471": true,
                "sel171022759441739": true,
                "sel171022719916407": true,
                "sel17102265137560": true,
                "sel171022571473538": true,
                "undefined": true,
                "sel171022473930493": true,
                "sel171022201734965": true,
                "sel171021465235041": true,
                "sel17102142878097": true,
                "sel171021391887850": true,
                "sel171021386860253": true,
                "sel171021384431808": true,
                "sel1710213833220": true,
                "sel171021399323862": true,
                "sel171021451352719": true,
                "sel171021565038959": true,
                "sel171022266575788": true,
                "sel171022480315826": true,
                "sel171022578934039": true,
                "sel171022652997539": true,
                "sel171040736488726": true,
                "sel171040747742629": true,
                "sel171040748241694": true,
                "sel171040756677213": true,
                "sel171040757845061": true,
                "sel171040759057658": true
            }
        }
    },
    methods: {
        created_sys() {
            ///系统方法 判断页面大小 使其自动适应
            let $this = this;
            this.w = this.w === undefined ? 1920 : this.w;
            $this.css = $this.fullScreenCss($this, this.screentype);

            window.addEventListener("resize", () => {
                $this.css = $this.fullScreenCss($this, this.screentype);
            });

            if (this.loadfunmounted_sys !== undefined) {
                this.loadfunmounted_sys();
            }
        },
        fullScreenCss(t, e) {
            if ("none" === e) return `  width: ${t.w}px;height: ${t.h}px; ${"" === t.bg ? "" : "background-image:url(" + t.bg + ");    background-repeat: no-repeat;background-size: cover;"}    ${"" === t.bgColor ? "" : "background-color:" + t.bgColor + ";"}`;
            if ("w" === e) return `  width: ${t.w}px;height: ${t.h}px; ${"" === t.bg ? "" : "background-image:url(" + t.bg + ");    background-repeat: no-repeat;background-size: cover;"}  transform: scale(${document.body.clientWidth / t.w});  ${"" === t.bgColor ? "" : "background-color:" + t.bgColor + ";"}`;
            if ("h" === e) return `  width: ${t.w}px;height: ${t.h}px; ${"" === t.bg ? "" : "background-image:url(" + t.bg + ");    background-repeat: no-repeat;background-size: cover;"}  transform: scale(${document.body.clientHeight / t.h});  ${"" === t.bgColor ? "" : "background-color:" + t.bgColor + ";"}`;
            if ("full" === e) return `  width: ${t.w}px;height: ${t.h}px; ${"" === t.bg ? "" : "background-image:url(" + t.bg + ");    background-repeat: no-repeat;background-size: cover;"}  transform: scale(${document.body.clientWidth / t.w},${document.body.clientHeight / t.h});  ${"" === t.bgColor ? "" : "background-color:" + t.bgColor + ";"}`; {
                let e = document.body.clientHeight / t.h,
                    s = document.body.clientWidth / t.w,
                    i = e > s ? s : e,
                    o = (document.body.clientWidth - i * t.w) / 2;
                return o = o > 0 ? "left:" + o + "px;" : "", o + ` transform: scale(${i}); width: ${t.w}px;height: ${t.h}px; ${"" === t.bg ? "" : "background-image:url(" + t.bg + ");    background-repeat: no-repeat;background-size: cover;"} ${"" === t.bgColor ? "" : "background-color:" + t.bgColor + ";"}`
            }
        },
        loadfunmounted_sys() { }
    },
    created() {
        this.created_sys();

        if (this.loadfunmounted !== undefined) {
            this.$nextTick(() => {
                this.loadfunmounted();
            });
        }
    },
    components: {
        titlecontrol,
        myechart,
        horseindex,
        scrollingtable,
        comdatetime,
        digitalflop
    }
}
</script>
<style scoped>
.dv-full-screen-container {
    transform: scale(1);
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    transform-origin: left top;
    z-index: 499;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1920px;
    height: 1080px;
    background-color: "#040404";
    background-size: cover;
    background-repeat: no-repeat;
}

.div-full-screen {
    background-size: cover;
    background-repeat: no-repeat;
}

.bigitem {
    position: absolute;
    will-change: transform;
    overflow: hidden;
}

.layouttable {
    height: 100%;
    display: flex;
}

.layouttable .layouttable-item {
    height: 100%;
    position: relative;
    float: left;
}

.itemcontent {
    width: 100%;
    height: 100%;
}
</style>
<style scoped></style>